<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui" template="/layout/template.xhtml">
	<ui:define name="body">
	<script language="JavaScript" type="text/javascript">
		window.history.forward(-1);
	</script>
		<center><h1 class="title ui-widget-header ui-corner-all">#{message['modulo.producto.panel']}</h1></center>
		<h:form id="formManteProdLista" >
		
		
			<p:messages id="message" showDetail="true" closable="true" />
		
		
			<p:dataTable value="#{productoSearch.productoList}" var="p" 
					id="listaProductos" paginator="true" rows="10"
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					rowsPerPageTemplate="5,10,15" widgetVar="table"
					emptyMessage="#{message['rsltd.nocencontroregistro']}">
					<f:facet name="header">#{message['lista.producto.panel']}</f:facet>
					<f:facet name="header">
					    <p:outputPanel>
						 <h:outputText value=" #{message['rsltd.buscar']}"/>
						 <p:inputText id="globalFilter" onkeyup="table.filter()" style="width:150px; align=Left; "/>
					     </p:outputPanel>
					</f:facet>
					
					<p:column sortBy="#{p.codproducto}" id="codigo" filterBy="#{p.codproducto}" headerText="#{message['listaPro.codigo']}" >
					<h:outputText value="#{p.codproducto}" />
					</p:column>
					
					<p:column sortBy="#{p.descripcionproducto}" filterBy="#{p.descripcionproducto}" headerText="#{message['listaPro.descripcion']}">
					<h:outputText value="#{p.descripcionproducto}" />
					</p:column>
					
					<p:column headerText="#{message['rsltd.verDetalle']}" >						
						<center>
							<p:commandButton id="btn1" update=":formManteProdDetalle:display"  icon="ui-icon-zoomin"
											 oncomplete="prodDialog.show()"	 title="#{message['listaPro.verproducto']}">
								<f:setPropertyActionListener target="#{productoForm.selectedProducto}" value="#{p}"/>
							</p:commandButton>
								<p:tooltip for="btn1"/>
					   </center>
					</p:column>
					
					<p:column headerText="#{message['rsltd.editar']}">
						<center>
						<p:commandButton id="btnEditar"
							  icon="ui-icon-pencil"  
							title="#{message['btneditar.productoList.tittle']}" action="#{productoForm.update}" >
							<f:setPropertyActionListener value="#{p}" target="#{productoForm.objProductoSie}" />
						</p:commandButton>
						<p:tooltip for="btnEditar"/>
						</center>
					</p:column>
					<f:facet name="header">
						<div align="left">
							 <p:commandButton id="btnNuevo" value="#{message['btnnuevo.productoList.nuevo']}"  action="#{productoForm.agregar}"  
							 title="#{message['btnnuevo.producto.tittle']}" icon="ui-icon-star"/>
							 <p:tooltip for="btnNuevo"/>
						</div>
					</f:facet>
				</p:dataTable>
				
		</h:form>
	</ui:define>
</ui:composition>